<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<style style="text/css">
	.a-title{ text-align: right;border:0;font-size:1.8em; }
	.tag_box{ list-style: none;font-size:1em;overflow: hidden; }
	.inline li {float: left;margin: .2em .5em;}
	.tag_box li:hover {opacity: 1;}
	.tag_box li {
				background: #c33;
				color: #fff;
				padding: .3em .5em;
				list-style: none;
				border-radius: 3px;
				-ms-border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				opacity: 0.85;
			}
        .search{ margin: 0 auto 0 auto;width: 650px;height:40px;line-height:40px; }
        .search input[type='text']{
            height: 30px;width: 490px;
            border: 1px solid #A6A6A6;
            vertical-align: top;
            line-height:30px;
            font-size:16px;
            }
        .search input[type='button'] {
            width:90px;height:37px;
            color:black;
            vertical-align: top;
            margin-top:-2px;
            }
</style>
<div>
	<h1 class="a-title">Favorites</h1>
        <div class="search">
            <input type="text" value="${param.q}" placeholder="搜索" maxlength="25" id="searchbox">
            <input type="button" value="搜索一下" onclick="search();">
        </div>
	<div>
            <div class="i-title">我的收藏(${fn:length(data)})</div>
            <c:if test="${!empty time}">
                <p>為您找到${fn:length(data)}條記錄，耗時${time}毫秒.</p>
            </c:if>
            <ul>
                <c:forEach items="${data}" var="t">
                    <li>${a.formatTime} &gt;&gt; <a class="bkred" target="_blank" href="/jump?u=${t.encodedUrl}">${t.fname}</a></li>
                    <p>${t.shortDescription}</p>
                </c:forEach>
            </ul>
	</div>
</div>
